// 登录效果

// 获取两个按钮
let titles = document.querySelectorAll('.right-box .title a');
let divs = document.querySelectorAll('.right-box div');
console.log(divs);
// 添加鼠标点击事件
titles.forEach(function(v,i){

    v.addEventListener('click',function(){
        titles.forEach(function(v2,i2){
            v2.classList.remove('on');
            divs[i2].classList.remove('on')
        })
        this.classList.add('on');
        divs[i].classList.add('on');
    })
});

// 表单提交整体判断
let inputs = document.querySelectorAll('.acount input');
let tip = document.querySelector('.right-box .tip');
let button = document.querySelector('.right-box button');

// 将重复代码封装为函数
button.onclick = function(){
    if (!/^[a-zA-Z]\d{6,10}$/.test(inputs[0].value)) {
        tip.style.display = 'block';
        setTimeout(function(){
            tip.style.display = 'none';    
        },1200);
        return false;
    }else if(!/^.{6,12}$/.test(inputs[1].value)){
        tip.style.display = 'block'
        tip.textContent = '密码格式有误'
        setTimeout(function(){
            tip.style.display = 'none';    
        },1200);
        return false;
    };
};
// 离焦判断
inputs.forEach(function(v,i){
    v.addEventListener('blur',function(){
        if (i === 0){
            if (!/^[a-zA-Z]\d{6,10}$/.test(inputs[0].value)) {
                tip.style.display = 'block';
                setTimeout(function(){
                    tip.style.display = 'none';    
                },1200);
            };
        };
        if (i === 1){
            if (!/^.{6,12}$/.test(inputs[0].value)) {
                tip.style.display = 'block';
                setTimeout(function(){
                    tip.style.display = 'none';    
                },1200);
            };
        };
    })
    
})
